<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="copyright" content="首页">
<meta name="author" content="首页">
<title>注册</title>
<link rel="stylesheet" href="./static/css/basic.css" />
<link rel="stylesheet" href="./static/css/style.css" />
<link rel="stylesheet" href="./static/fonticon/iconfont.css">
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="navTop">注册</div>
  <div id="login">
    <form action="">
      <dl class="zb-form bgff">
        <dd class="form-item paddLR">
          <span class="form-lab">登录名</span>
          <div class="form-div">
            <input type="text" placeholder="请输入手机号码" maxlength="11" class="form-put" />
          </div>
        </dd>
        <dd class="form-item paddLR">
          <span class="form-lab">密码</span>
          <div class="form-div">
            <input type="password" id="password" placeholder="请输入8-16位字母+数字密码" maxlength="11" class="form-put" />
            <span id="look_password" class="icon iconfont icon-biyan"></span>
          </div>
        </dd>
        <dd class="form-item paddLR">
          <span class="form-lab">验证码</span>
          <div class="form-div flex-bect">
            <input type="text" placeholder="输入验证码" maxlength="11" class="form-put" />
            <img src="./static/images/yam.jpg" class="yzm" alt="">
          </div>
        </dd>
      </dl>
      <div class="paddLR">
        <button type="submit" class="submit-btn">登录</button>
        <div class="flex-bect">
          <a href="register.html" class="red">没有账号，去注册</a>
        </div>
      </div>
    </form>
  </div>
  <script>
    $('#look_password').click(function(){
      if($(this).hasClass('icon-biyan')){
        
        $(this).removeClass('icon-biyan');
        $(this).addClass('icon-zhengkaiyanjing')
        $('#password').attr('type','text')
        
      }else{
        
        $(this).removeClass('icon-zhengkaiyanjing');
        $(this).addClass('icon-biyan')
        $('#password').attr('type','password')
        
      }
      
    })
  </script>
</body>
</html>